
<template>
            <yt-grid  class="page-fugw3">
                
            <yt-grid-item fixedSize='selfAdaption' id="yt-pxhc8m1agqufa" gridColumnStart="376" gridColumnEnd="976" gridRowStart="189" gridRowEnd="589" zIndex="1" previewType="FixedWH">
                <yt-table ref='ref2' class='webVueAntYtTable webVueAntYtTableStyle-b9zfv webVueAntYtTableStyle' v-model:currentRow='TablecurrentRow1' v-model:selectedRows='TableselectedRows1' v-model:total='Tabletotal1' v-model:current='Tablecurrent2' v-model:pageSize='TablepageSize1' :columns='Tabledata1.columns' :dataSource='Tabledata1.dataSource' :scroll='{y:286.00000605151047}'>
                            <template #cell='{ column, record }'>
                            
                        </template>
                        </yt-table>
            </yt-grid-item>
        
            </yt-grid>
        </template>

<script>

  import { loadCss } from "../shared/loadTheme";
import { h } from "vue";
import axios from "axios";
import { message, Modal } from "ant-design-vue";
export default {
  data() {
    return {
      TablecurrentRow1: {},
      TableselectedRows1: [],
      TablepageSize1: 10,
      Tabledata1: {
        columns: [{
          key: "id",
          title: "id",
          dataIndex: "id"
        }, {
          key: "title",
          title: "title",
          dataIndex: "title"
        }, {
          key: "name",
          title: "name",
          dataIndex: "name"
        }],
        dataSource: [{
          id: 1,
          title: "标题1",
          name: "标题1"
        }, {
          id: 2,
          title: "标题2",
          name: "标题2"
        }]
      },
      Tablecurrent2: 1,
      Tabletotal1: 2
    };
  },
  watch: {},
  methods: {
    async fetchAndSetVariables() {
      try {
        // 调用后端接口获取变量数组 需要传入pageUuid变量
        const pageUuid = '1837046360751210496';
        const response = await axios.get(`./system/permission/getCurrentPageNotShowVariable?pageUuid=${pageUuid}`);
        const variablesArray = response.data; // 后端直接返回变量数组

        if (variablesArray && Array.isArray(variablesArray))
          // 遍历数组，将每个变量设置为true
          variablesArray.forEach(variable => {
            this[variable] = true;
          });
      } catch (error) {
        console.error('获取变量失败:', error);
      }
    },
    executeBackendInterface(funcName, params) {
      // 处理参数为Map的情况
      if (params instanceof Map) {
        params = Object.fromEntries(params);
      }
      // 调用后端接口
      return new Promise((resolve, reject) => {
        axios.post('./Blankpage/' + funcName, params, {
          headers: {
            'Content-Type': 'application/json'
          }
        }).then(response => {
          resolve(response.data);
        }).catch(error => {
          reject(error);
        });
      });
    }
  },
  mounted() {
    loadCss('./css/空白页面/theme.css');
    // 组件挂载后自动调用函数获取变量
    this.fetchAndSetVariables();
  },
  computed: {}
};

</script>
<style lang="less">
.page-fugw3{
.webVueAntYtTable {
    display: inline-block;
}
.webVueAntYtTable .ant-radio-input {
    display: none;
}
.webVueAntYtTable thead tr th div:first-child {
    display: flex !important;
    align-items: center;
}
.webVueAntYtTable thead tr th:before {
    content: none !important;
}
.webVueAntYtTable thead tr th:not(.ant-table-selection-column), .webVueAntYtTable .ant-table-tbody tr td:not(.ant-table-selection-column) {
    padding: 0 !important;
}
.webVueAntYtTable thead tr th.ant-table-selection-column, .webVueAntYtTable .ant-table-tbody tr td.ant-table-selection-column {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td, .webVueAntYtTable thead tr th {
    position: relative;
}
.webVueAntYtTable .ant-table-tbody tr td .td-text, .webVueAntYtTable thead tr th .th-text {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.webVueAntYtTable tr td .td-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.webVueAntYtTable .ant-table-tbody tr td {
    border-top: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td .ant-radio-wrapper {
    align-items: center;
}
.webVueAntYtTable .ant-table-tbody tr:last-child td {
    border-bottom: 0 !important;
}
.webVueAntYtTable .ant-pagination {
    display: flex;
}

.webVueAntYtTable .add-pointer {
    display: flex !important;
}
.webVueAntYtTable .ant-table-thead .ant-table-cell-scrollbar {
    width: 6px;
}
.webVueAntYtTable .ant-table-header colgroup col:not(.ant-table-selection-col) {
    width: auto !important;
}
:focus-visible {
    outline: none;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 2px;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.webVueAntYtTable.custom-table .ant-table-content {
    overflow: hidden !important;
    max-height: unset !important;
}

.webVueAntYtTableStyle-b9zfv{
opacity: 1;
}
.webVueAntYtTableStyle-b9zfv .ant-table{
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-b9zfv .ant-table th:first-child{
border-top-left-radius: 4px !important;
}
.webVueAntYtTableStyle-b9zfv .ant-table th:last-child{
border-top-right-radius: 4px !important;
}
.webVueAntYtTableStyle-b9zfv .ant-table tr:last-child td:first-child{
border-bottom-left-radius: 4px !important;
}
.webVueAntYtTableStyle-b9zfv .ant-table tr:last-child td:last-child{
border-bottom-right-radius: 4px !important;
}
.webVueAntYtTableStyle-b9zfv .ant-table .ant-table-thead tr,.webVueAntYtTableStyle-b9zfv .ant-table .ant-table-thead tr th div:first-child{
height: 50px;
}
.webVueAntYtTableStyle-b9zfv .ant-table .ant-table-thead tr th div.ant-table-selection{
line-height: 50px;
}
.webVueAntYtTableStyle-b9zfv .ant-table .ant-table-thead tr th{
background: #FFFFFF;
}
.webVueAntYtTableStyle-b9zfv .ant-table .ant-table-thead tr span.th-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-align-last: center;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-b9zfv .ant-table tbody tr td{
height: 50px;
}
.webVueAntYtTableStyle-b9zfv .ant-table tbody tr td .ant-checkbox-wrapper{
line-height: 50px;
}
.webVueAntYtTableStyle-b9zfv .ant-table tbody tr td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-b9zfv .ant-table thead tr th,.webVueAntYtTableStyle-b9zfv .ant-table .ant-table-tbody tr:not(:last-child) td{
border-bottom: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-b9zfv .ant-table thead tr th:not(:last-child),.webVueAntYtTableStyle-b9zfv .ant-table .ant-table-tbody tr td:not(:last-child){
border-right: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-b9zfv.ant-table-striped .ant-table tbody tr:nth-child(2n-1) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-b9zfv.ant-table-striped .ant-table tbody tr:nth-child(2n) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-b9zfv .ant-table tbody tr:not(.ant-table-row-selected):hover td{
background: #E4EFFF !important;
}
.webVueAntYtTableStyle-b9zfv .ant-table tbody tr:not(.ant-table-row-selected):hover td span.td-text{
color: #000000 !important;
}
.webVueAntYtTableStyle-b9zfv .ant-table-tbody tr.ant-table-row-selected td{
background: #3C8EFF !important;
}
.webVueAntYtTableStyle-b9zfv .ant-table-tbody tr.ant-table-row-selected td span.td-text{
color: #FFFFFF !important;
}
.webVueAntYtTableStyle-b9zfv .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-b9zfv .ant-pagination button,.webVueAntYtTableStyle-b9zfv .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-b9zfv .ant-pagination li input{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #FFFFFF;
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-b9zfv .ant-pagination button,.webVueAntYtTableStyle-b9zfv .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-b9zfv .ant-pagination li input,.webVueAntYtTableStyle-b9zfv .ant-pagination li a,.webVueAntYtTableStyle-b9zfv .ant-pagination li .ant-pagination-options-quick-jumper{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-b9zfv .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-b9zfv .ant-pagination li.ant-pagination-options .ant-pagination-options-size-changer.ant-select .ant-select-selector,.webVueAntYtTableStyle-b9zfv .ant-pagination li.ant-pagination-options .ant-pagination-options-quick-jumper input{
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-b9zfv .ant-pagination li button{
border: none;
}
.webVueAntYtTableStyle-b9zfv .ant-pagination li a,.webVueAntYtTableStyle-b9zfv .ant-pagination li .ant-pagination-options-quick-jumper{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-b9zfv .ant-pagination li.ant-pagination-item-active{
background: #FFFFFF;
border-top: 1px solid #1890ff;
border-right: 1px solid #1890ff;
border-bottom: 1px solid #1890ff;
border-left: 1px solid #1890ff;
}
.webVueAntYtTableStyle-b9zfv .ant-pagination li.ant-pagination-item-active a{
color: #1890ff;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-b9zfv tr td:nth-child(2) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-b9zfv tr td:nth-child(2) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-b9zfv tr > th:nth-child(2), .webVueAntYtTableStyle-b9zfv .ant-table-body tr.ant-table-measure-row td:nth-child(2){
width: calc((100% - 0px) / 2) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-b9zfv tr td:nth-child(3) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-b9zfv tr td:nth-child(3) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-b9zfv tr > th:nth-child(3), .webVueAntYtTableStyle-b9zfv .ant-table-body tr.ant-table-measure-row td:nth-child(3){
width: calc((100% - 0px) / 2) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-b9zfv{
width: 100%;
}}
</style>